import React from 'react';
import AlbumItem from '../components/albumItem.js';
export default class Album extends React.Component{
    render(){
        return(
            <div className="albumPage">
                <div className="main">
                    <div className="mod_tag">
                        <div className="tag_list">
                            <h3 className="tag_title">语种</h3>
                            <a href="javascript:;" className="tag_item tag_first">全部</a>
                            <a href="javascript:;" className="tag_item ">国语</a>
                            <a href="javascript:;" className="tag_item ">粤语</a>
                            <a href="javascript:;" className="tag_item ">英语</a>
                            <a href="javascript:;" className="tag_item ">韩语</a>
                            <a href="javascript:;" className="tag_item ">日语</a>
                            <a href="javascript:;" className="tag_item ">法语</a>
                            <a href="javascript:;" className="tag_item ">西班牙语</a>
                        </div>
                        <div className="tag_list">
                            <h3 className="tag_title">流派</h3>
                            <a href="javascript:;" className="tag_item tag_first">全部</a>
                            <a href="javascript:;" className="tag_item ">流行</a>
                            <a href="javascript:;" className="tag_item ">古典</a>
                            <a href="javascript:;" className="tag_item ">爵士</a>
                            <a href="javascript:;" className="tag_item ">摇滚</a>
                            <a href="javascript:;" className="tag_item ">电子</a>
                            <a href="javascript:;" className="tag_item ">拉丁</a>
                            <a href="javascript:;" className="tag_item ">轻音乐</a>
                            <a href="javascript:;" className="tag_item ">世界音乐</a>
                            <a href="javascript:;" className="tag_item ">嘻哈</a>
                            <a href="javascript:;" className="tag_item ">原声</a>
                            <a href="javascript:;" className="tag_item ">乡村</a>
                            <a href="javascript:;" className="tag_item ">舞曲</a>
                            <a href="javascript:;" className="tag_item ">R&amp;B</a>
                            <a href="javascript:;" className="tag_item ">民谣</a>
                            <a href="javascript:;" className="tag_item ">金属</a>
                        </div>
                        <div className="tag_list">
                            <h3 className="tag_title">价格</h3>
                            <a href="javascript:;" className="tag_item tag_first">全部</a>
                            <a href="javascript:;" className="tag_item ">免费</a>
                            <a href="javascript:;" className="tag_item ">付费</a>
                        </div>
                        <div className="tag_list">
                            <h3 className="tag_title">筛选</h3>
                            <a href="javascript:;" className="tag_item_sub">类别<i className="tag_icon"></i></a>
                            <a href="javascript:;" className="tag_item_sub ">年代<i className="tag_icon"></i></a>
                            <a href="javascript:;" className="tag_item_sub ">唱片公司<i className="tag_icon"></i></a>
                        </div>
                    </div>
                    <div className="mod_detail">
                        <div className="detail_hd">
                            <h2 className="detail_title">全部专辑</h2>
                            <div className="last_hot">
                                <a href="javascript:;" className="last item">最新</a>
                                <a href="javascript:;" className="hot item">最热</a>
                            </div>
                        </div>
                        <div className="playlist">
                            <ul className="playlist_list">
                                <AlbumItem />
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}